<!--
 * @Descripttion: 
 * @version: python 3.6.2
 * @Author: 刘涛
 * @Date: 2021-04-18 20:10:23
 * @LastEditors: 刘涛
 * @LastEditTime: 2021-04-27 23:09:21
-->
{% extends "base.html" %}

{% block title %}商城{% endblock %}
{% block mall %}class="active"{% endblock %}

{% block content %}
    <div class="container">
        <div class="row">
        <form method="post" enctype="multipart/form-data"></form>
            <div class="col-md-2">
                <img src="/static/image/图片/白云/白云_1.png" name="pic1" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right" type="submit" class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <img src="/static/image/图片/白云/白云_2.png" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right"  class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <img src="/static/image/图片/白云/白云_3.png" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right"  class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <img src="/static/image/图片/白云/白云_4.png" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right"  class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <p style="font-size:50px;margin-top:20px" name="name">白云</p>
            </div>
            <div class="col-md-2">
                <p style="font-size:50px;margin-top:20px">5￥</p>
            </div>
            <!-- <button style="float:right" type="submit" class="btn btn-info">购买</button> -->
        </form>
        </div>
        <div class="row">
            <div class="col-md-2">
                <img src="/static/image/图片/斑马/斑马_1.jpg" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right"  class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <img src="/static/image/图片/斑马/斑马_2.jpg" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right"  class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <img src="/static/image/图片/斑马/斑马_3.png" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right"  class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <img src="/static/image/图片/斑马/斑马_4.png" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right"  class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <p style="font-size:50px;margin-top:20px">斑马</p>
            </div>
            <div class="col-md-2">
                <p style="font-size:50px;margin-top:20px">3￥</p>
            </div>

        </div>
        <div class="row">
            <div class="col-md-2">
                <img src="/static/image/图片/床/床_1.png" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right"  class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <img src="/static/image/图片/床/床_2.png" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right"  class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <img src="/static/image/图片/床/床_3.png" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right"  class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <img src="/static/image/图片/床/床_4.png" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right"  class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <p style="font-size:50px;margin-top:20px">小床</p>
            </div>
            <div class="col-md-2">
                <p style="font-size:50px;margin-top:20px">5￥</p>
            </div>

        </div>
        <div class="row">
            <div class="col-md-2">
                <img src="/static/image/图片/大海/大海_1.png" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right"  class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <img src="/static/image/图片/大海/大海_2.png" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right"  class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <img src="/static/image/图片/大海/大海_3.png" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right"  class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <img src="/static/image/图片/大海/大海_4.png" class="img-responsive img-thumbnail" style="width:80%">
                <button style="float:right"  class="btn btn-info">购买</button>
            </div>
            <div class="col-md-2">
                <p style="font-size:50px;margin-top:20px">大海</p>
            </div>
            <div class="col-md-2">
                <p style="font-size:50px;margin-top:20px">3￥</p>
            </div>
  
        </div> 

        <hr>
    </div>
{% endblock %}